var box= document.querySelector('.box')
var timer= null
box.innerHTML=data.map(function(obj,i){
      return i===4?`<button class="btn">
                        <h4>${obj.tit}</h4>
                        <p>${obj.des}</p>
                    </button>` :
                    `<div class="item">
                        <img src="${obj.src}" alt="">
                        <p>${obj.des}</p>
                    </div>`
}).join('')
var btn= document.querySelector('.btn')
var items=[...document.querySelectorAll('.item')]
btn.onclick = function(){
    // 按钮禁用
    btn.disabled= true;
    btn.classList.add('gray')
    // 随机选取奖池
    timer=setInterval(function(){
        var checked=document.querySelector('.active')
        checked&&checked.classList.remove('active')
        var index = Math.floor(Math.random()*items.length)
        items[index].classList.add('active')
    },200)
    // 设置超时调用
    setTimeout(function(){
        // 清除定时器并解禁按钮
        clearInterval(timer)
        btn.disabled= false;
        btn.classList.remove('gray')
        var active = document.querySelector('.active')
        // 创建元素div，添加类名设置样式和内容并添加至文档中
        var div = document.createElement('div')
        div.classList.add('con')
        div.innerHTML=`<div class='cons'>
                            <h4>恭喜</h4>
                            ${active.innerHTML}
                            <button class='ok'>确认</button>
                        </div>`
        document.body.appendChild(div)
        // 取消弹框
        var ok= document.querySelector('.ok')
        ok.onclick=function(){
            div.remove()
        }
    },Math.floor(Math.random()*(5-3+1)+3)*1000)   
}